.wrap{
    display: flex;
    padding: 8px 5px;
}
.cover {
    width: 88px;
    &-img {
        padding-bottom: 100%;
    }
    :global(.pics) {
        position: absolute;
        right: 4px;
        bottom: 4px;
        color: $color-white;
        font-size: 12px;
        padding: {
            left: 2px;
            right: 2px;
        };
        background-color: rgba(0,0,0,.5);          
    }
}
.content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10px;
    font-size: 12px;
    color: $color-text-secondary;
}
.title {
    @include max-lines(2);
    word-break: break-all;
    font-size: 13px;
    margin-bottom: 8px;
}

.count {
    display: flex;
    align-items: center;
    :global(span:first-child) {
        margin-right: 10px;
    }
    :global(.fa){
        margin-right: 5px;
        vertical-align: middle;
    }
}